/**
 * 
 */
var modeloactivo=null;
var basedatosactiva=null;
var inicio=0;
var basedatosinicio=0;
var opcion_nave=null;
function mostrargrafica(data,titulo)
{
    //alert(data);
    plot3 = $.jqplot('resultado', [data], {
        title:'RESULTADO DE LA INFERENCIA'+' PARA '+titulo.toString().toUpperCase(),
        series:[{
            renderer:$.jqplot.LineRenderer
            }],         
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                label: 'UBICACION SENSORES',
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,              
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                tickOptions: {                  
          
                    angle: -30,
                    fontFamily: 'Times',
                    fontSize: '12pt'
                }
	      
            },
            yaxis: {
                label: 'PROBABILIDAD DE APARICION (%)',
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer
            }
        }
    });
    
}

function eliminaSesion(modelo){
    $.ajax({
                type: "GET",
                url: "EliminarSesiones",
                cache: false,
                async: false,
                dataType: "text",
                //Serializamos los datos del Form. Los par�metros son los NAME del formulario, no los id
                data: $(this).serialize(),
                success: function(contenido){                 
                    modeloactivo=modelo;                 
                },
                error: function(msg){
                    //alert(msg);
                    $("#resultado").text("error all limpiar la sesion");
                }               
            }); //$.ajax  
}
$(document).ready(function ()
{
     $("#basedatos").change(function()
    {
        if(opcion_nave!=$("select option:selected").val())
         {
             opcion_nave =$("select option:selected").val();
             eliminaSesion($('[name="modelo"]:checked').val());
             
             
         }
       
        
        
    });

    // alert("hola");
    $('#fecha_inicial').datepicker(
    {
        monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'] ,
        dateFormat: 'dd/mm/yy'
    } ,
{
        lnline: true
    }
    ); 
    $('#fecha_final').datepicker(
    {
        monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
        dateFormat: 'dd/mm/yy'
    } ,
{
        lnline: true
    }
    ); 
    $("#graficar").click(function(){
        // alert("graficando");
        //$.jqplot('chartdiv',  [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
        // var datos="[2,3,5,6]";
        //var ticks = "['A', 'B']";
        $.jqplot.config.enablePlugins = true;
          
        data = [['NO', 7], ['N', 9], ['NE', 15], ['O', 100], ['C', 3], ['E', 6], ['SO', 18],['S', 18],['SE', 32]];
        //line3="[[1,2]]";
        //var ticks = ['A', 'B'];
        //alert(data);
        nombre="[['sensor_c',10]]";
        mostrargrafica(eval(nombre),"prueba");
    });
    $("#panel").submit(function(){
        $('#resultado').empty();
        var modelo=$('[name="modelo"]:checked').val();
        if(inicio==0)
           {modeloactivo=modelo
             inicio++;  
           }
        if(modeloactivo!=modelo)
        {$.ajax({
                type: "GET",
                url: "EliminarSesiones",
                cache: false,
                async: false,
                dataType: "text",
                //Serializamos los datos del Form. Los par�metros son los NAME del formulario, no los id
                data: $(this).serialize(),
                success: function(contenido){                 
                    modeloactivo=modelo;                 
                },
                error: function(msg){
                    //alert(msg);
                    $("#resultado").text("error all limpiar la sesion");
                }               
            }); //$.ajax  
                                         
        }
       
        
       
        $("#cargando").css("display", "inline");
         $("#tabla").css("display", "none");
        $("#cargando2").css("display", "inline");
        var modelo=$('[name="modelo"]:checked').val();
        // alert(modelo);
        if(modelo=="mosquita"){
            $.ajax({
                type: "GET",
                url: "Inferir",
                cache: false,
                async: false,
                dataType: "text",
                //Serializamos los datos del Form. Los par�metros son los NAME del formulario, no los id
                data: $(this).serialize(),
                success: function(contenido){ 
                    $("#cargando").css("display", "none");
                    $("#cargando2").css("display", "none");
                     $("#tabla").css("display", "inline");
                    if(contenido=="error"){
                        $("#resultado").text("Error Selecciono un rango de fechas fuera de la Base de Datos");
                    }else{
                    data=eval(contenido);
                    dataG="[";
                    for(i=0;i<9;i++){
                        if(i!=8){
                            dataG=dataG+"['"+data[i][2]+"',"+data[i][3]+"]"+",";
                        }
                        else{
                            dataG=dataG+"['"+data[i][2]+"',"+data[i][3]+"]";
                        }
                    }
                    dataG=dataG+"]";
                    dataG2=eval(dataG);
                    mostrargrafica(dataG2,modelo);
                     
                 $('#example').dataTable( {
                        "bDestroy":true,
                        "aaData": data,
                        "aoColumns": [
                        {
                            "sTitle": "Fecha de Inicio"
                        },

                        {
                            "sTitle": "Fecha Final"
                        },

                        {
                            "sTitle": "Sensor"
                        },

                        {
                            "sTitle": "Porcentaje de ocurrencia"
                        },

                        {
                            "sTitle": "Unidades Calor"
                        },
                        ]
                    } );           
                }},
                
                error: function(msg){
                    //alert(msg);
                    $("#resultado").text("No se pudo procesar su solicitud en grafica d�a contacte al web master");
                }               
            }); //$.ajax  
        }else
        if(modelo=="trips"){
            $.ajax({
                type: "GET",
                url: "Inferir",
                async: false,
                cache: false,
                dataType: "text",
                //Serializamos los datos del Form. Los par�metros son los NAME del formulario, no los id
                data: $(this).serialize(),
                success: function(contenido){
                        $("#cargando").css("display", "none");
                        $("#cargando2").css("display", "none");
                        $("#tabla").css("display", "inline");
                        if(contenido=="error"){
                        $("#resultado").text("Error Selecciono un rango de fechas fuera de la Base de Datos");
                    }else{
                    data=eval(contenido);
                    dataG="[";
                    for(i=0;i<9;i++){
                        if(i!=8){
                            dataG=dataG+"['"+data[i][2]+"',"+data[i][3]+"]"+",";
                        }
                        else{
                            dataG=dataG+"['"+data[i][2]+"',"+data[i][3]+"]";
                        }
                    }
                    dataG=dataG+"]";
                    dataG2=eval(dataG);
                    mostrargrafica(dataG2,modelo);
                   
                  $('#example').dataTable( {
                        "bDestroy":true,
                        "aaData": data,
                        "aoColumns": [
                        {
                            "sTitle": "Fecha de Inicio"
                        },

                        {
                            "sTitle": "Fecha Final"
                        },

                        {
                            "sTitle": "Sensor"
                        },

                        {
                            "sTitle": "Porcentaje de ocurrencia"
                        },

                        {
                            "sTitle": "Unidades Calor"
                        },
                        ]
                    } );    
                }},
                error: function(msg){
                    alert(msg);
                    $("#resultado").text("No se pudo procesar su solicitud en grafica d�a contacte al web master");
                }               
            }); //$.ajax  
        }
        return false;
    });
});
        
//        $(function () {
//    var options = {
//        lines: { show: true },
//        points: { show: true },
//        xaxis: { tickDecimals: 0, tickSize: 1 }
//    };
//    var data = [];
//    var placeholder = $("#placeholder");
//    
//    $.plot(placeholder, data, options);
//
//    
//   // fetch one series, adding to what we got
//    var alreadyFetched = {};
//    
//    $("input.fetchSeries").click(function () {
//        var button = $(this);
//        
//        // find the URL in the link right next to us 
//        var dataurl = button.siblings('a').attr('href');
////
//        // then fetch the data with jQuery
//        function onDataReceived(series) {
//            // extract the first coordinate pair so you can see that
//            // data is now an ordinary Javascript object
//            var firstcoordinate = '(' + series.data[0][0] + ', ' + series.data[0][1] + ')';
//
//            button.siblings('span').text('Fetched ' + series.label + ', first point: ' + firstcoordinate);
//
//            // let's add it to our current data
//            if (!alreadyFetched[series.label]) {
//                alreadyFetched[series.label] = true;
//                data.push(series);
//            }
//            
//            // and plot all we got
//            $.plot(placeholder, data, options);
//         }
//        
//        $.ajax({
//            url: dataurl,
//            method: 'GET',
//            dataType: 'json',
//            success: onDataReceived
//        });
//    });
//
//
//    // initiate a recurring data update
//    $("input.dataUpdate").click(function () {
//        // reset data
//        data = [];
//        alreadyFetched = {};
//        
//        $.plot(placeholder, data, options);
//
//        var iteration = 0;
//        
//        function fetchData() {
//            ++iteration;
//
//            function onDataReceived(series) {
//                // we get all the data in one go, if we only got partial
//                // data, we could merge it with what we already got
//                data = [ series ];
//                
//                $.plot($("#placeholder"), data, options);
//            }
//        
//            $.ajax({
//                // usually, we'll just call the same URL, a script
//                // connected to a database, but in this case we only
//                // have static example files so we need to modify the
//                // URL
//                url: "data-eu-gdp-growth-" + iteration + ".json",
//                method: 'GET',
//               dataType: 'json',
//                success: onDataReceived
//            });
//            
//            if (iteration < 5)
//                setTimeout(fetchData, 1000);
//            else {
//                data = [];
//                alreadyFetched = {};
//            }
//        }
//        setTimeout(fetchData, 1000);
//    });
// });

        
        